<!-- <div class="todo">
	<div id="myDIV" class="header">
	  <h2>My To Do List</h2>
	  <input type="text" id="myInput" placeholder="Title...">
		<button type="button" class="btn btn-primary btn-lg active" style="margin-right: 168px;">添　加</button>
	</div>

	<ul id="todoList">
	  <li>Hit the gym</li>
	  <li class="checked">Pay bills</li>
	  <li>Meet George</li>
	  <li>Buy eggs</li>
	  <li>Read a book</li>
	  <li>Organize office</li>
	</ul>
</div> -->


<%= hidden_field_tag :authenticity_token, form_authenticity_token, id: 'js-todo-index-csrf' %>
<div id="todo-app">
    <label class="todo-label" for="new-todo">What do you want to do today?</label>
    <input type="text" id="new-todo" class="todo-input" placeholder="want to do something ...">


		<div id="todo-stats">
			<span class="todo-count">
        <button type="button" class="btn btn-info js-todo-unfinish-list">未完成</button>
        <button type="button" class="btn btn-success js-todo-finish-list">已完成</button>
        <button type="button" class="btn btn-info js-todo-all-list">全部</button>
        <!-- <span class="todo-remaining">剩余</span>
        <span class="todo-remaining-label">{remainingLabel}</span> 未完成. -->
    	</span>

	    <a href="#" class="todo-clear js-clear-todo" style="display: none;color:red;">
	        删除 <span class="todo-done js-todo-done-number">０</span>个
	        已选择 <span class="todo-done-label">任务</span>
	    </a>
		</div>

    <ul id="todo-list"> <!-- done is todo-done -->
      <form class="" action="#" method="">
        <% @todos.each do |todo| %>
  				<li class="todo-item js-todo-item" id="js-todo-li-<%= todo.id %>">
  					<div class="todo-view js-todo-view-<%= todo.id%>" data-id="<%= todo.id%>">
  						<input type="checkbox" name="ids[]" value="<%= todo.id%>" class="todo-checkbox js-todo-checkbox" data-id="<%= todo.id %>">
  						<span class="todo-content js-todo-content" data-id="<%= todo.id %>" tabindex="0"><%= todo.content%></span>
  					</div>

  					<div class="todo-edit">
  							<input type="text" class="todo-input js-edit-todo-input" data-id="<%= todo.id %>" value="<%= todo.content%>">
  					</div>

  					<a href="#" class="todo-remove" title="标记为完成状态">
  						<span class="todo-remove-icon"><i class="fa fa-check js-todo-trash-icon" data-id="<%= todo.id %>"></i></span>
  					</a>
  				</li>
  			<% end %>
      </form>

		</ul>

</div>

<script type="text/javascript">

</script>
